﻿{template 'header.html'}
<div id="mid">
 {template 'left.html'}
  <table width="628" border="0" align="left" cellpadding="0" cellspacing="0" style="margin-left:22px;">
    <tr>
      <td>
{template 'position.html'}
</td>
    </tr>
    <tr>
      <td height="16">&nbsp;</td>
    </tr>
    <tr>
      <td>
			
            <table width="628" border="1" cellpadding="7" cellspacing="0" bordercolor="#EDEDED" style="margin-bottom:20px;">
              <tr>
                <td bgcolor="#EDEDED"><img src="{$skin_path}/arr3.gif" width="10" height="8" align="absmiddle" style="margin-right:6px;" /><font class="subnavTitle"><strong>{$category[$catid][catname]}</strong></font> </td>
              </tr>
              <tr>
                <td>
                
               <div style="padding:10px 0px">
			<div class="NewsTitle" >{$archive[title]}</div>
			<div class="PostDate">{$archive[adddate]}</div>
			<div class="NewsContent" >
		<div class="blank30"></div>
		
<script src="{$skin_path}/js/products_pic/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script src="{$skin_path}/js/products_pic/jquery.jcarousel.pack.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/skin.css" />
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/products_pic/jqzoom.css" />
<style type = "text/css">
#pro_view {margin:12px;}
#pro_infor {}
.big_pic {
  float:left;
  width:50%;
  overflow:hidden;
  text-align:center;
  display:block;
  position:relative;
  line-height:1em; 
}

#image_box {
  margin:0 auto;
  /*非IE的主流浏览器识别的垂直居中的方法*/
  display: table-cell;
  vertical-align:middle;
  /*设置水平居中*/
  text-align:center;
  /* 针对IE的Hack */
  *display: block;
  *font-size: 139px;/*约为高度的0.873，200*0.873 约为175*/
  *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
  padding:5px;
  border:1px solid #ccc;
  _border:none;
  background:url({$skin_path}/images/pic_bg.gif) left top no-repeat;
  _background:none;
  border-right:1px solid white; 
  border-bottom:1px solid white;
}
#image_box img {
  display:block;
  width:100%;padding:0px;
  margin:0px auto;
  vertical-align:middle; 
}
#pro_baseinfo {float:right;width:44%;}
#image_list {clear:both;}
#image_list li {height:54px;overflow:hidden;}
#image_list img {height:50px; padding:2px;cursor:pointer;}

#pro_baseinfo ul li {line-height:32px;}
.p_info {height:40px;line-height:40px;padding-left:20px;background:url({$skin_path}/images/comment.gif) left center no-repeat;border-bottom:1px dotted #ccc;}
</style>
<link type="text/css" href="{$base_url}/common/js/jquery/ui/jquery-ui-1.7.3.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="{$base_url}/common/js/jquery/ui/jquery-ui-1.7.3.custom.min.js"></script>
<!-- 幻灯片 -->

<?php $pics = array_values(unserialize($archive[pics])); ?>

<script type="text/javascript">

$(function() {
	// 放大镜
	var options =
	{
		zoomWidth: 350,
		zoomHeight: 250,
		showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		title :false
	}
	$(".jqzoom").jqzoom(options);
	// 图片左右滚动
	$('#image_list').jcarousel();
	// 点击小图更换大图
	$('#image_list img:only-child').click(function(){
		$('#current_img').attr('src', this.src);
		// 大图的命名方式为 小图 + 下划线
		$('#current_img').parent().attr('href', this.alt);
	});
	$('#dialog').dialog({
		autoOpen: false,
		width   : 300,
		buttons : {
			"继续购物"    : function() { 
							 $(this).dialog("close"); 
						   }, 
			"去购物车结算": function() {
							window.location.href= "{url('archive/orders',true)}";
							$(this).dialog("close"); 
						   } 
				 }
	});
	$('#dialog_link').click(function(){
	  $.get("{url('archive/doorders/aid/'.$archive['aid'],true)}", null,function(data){
		$('#dialog').dialog('open');
			return false;
	  });
	});
});

</script>


<div id="dialog" title="{lang(prompted)}"><p>{lang(add_to_cart)}</p></div>
<div id="pro_view">
<div id="pro_infor">

<!-- 左侧产品图 -->
<div class="big_pic">
<div id="image_box">
<a href="{$pics[0]}" class="jqzoom" title=""><img src="{$pics[0]}"  onerror='this.src="{$base_url}/{config::get('onerror_pic')}"' alt="" id="current_img"></a>
</div>

<div class="blank10"></div>
<!-- 小图滚动列表 -->
<ul id="image_list" class="clear jcarousel-skin-tango"style="padding:0px 10px;">
{loop $pics $pic}
{if $pic}<li style="float:left;"><img src="{$pic}" alt="" onerror='this.src="{$base_url}/{config::get('onerror_pic')}"' /></li>{/if}
{/loop} 
</ul>

</div>

<!-- 右侧说明 -->
<div id="pro_baseinfo">
<ul>
<li><strong>{lang(productname)}：</strong>{$archive[title]}</li>
{if $archive['attr2']}<li>{if $archive['attr2']==$archive['oldprice']}{lang(price)}：<span>{$archive['attr2']}</span>{lang(unit)}{else}原价：<span>{$archive['oldprice']}</span>{lang(unit)} 折扣价：<span>{$archive['attr2']}</span>{lang(unit)}{/if}</li>{/if}
<li><strong>{lang(view)}：</strong>{view_js($archive[aid])}</li>
<li><strong>{lang(adddate)}：</strong>{$archive[adddate]}</li>
<li><strong>{lang(strgrades)}：</strong>{$archive[strgrade]}</li>
<li>&nbsp;</li>
{if $archive[attr2]}<li><a target="_blank" href="{url('archive/orders/aid/'.$archive[aid],true)}"><img src="{$skin_path}/images/buy.gif" style="width:45%"/></a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="dialog_link" title="{lang(makeorders)}" href="#"><img src="{$skin_path}/images/shopping.gif" /></a></li>{/if}
</ul>
</div>
</div>

</div>

<div class="blank30"></div>
<div class="p_info">{lang(pintro)}：</div>
<div class="blank30"></div>
{$archive[content]}

<div class="blank30"></div>

{if $archive[tag]}
<!-- tag -->
<div class="blank10"></div>
{lang(tag)}： {$archive[tag]}
{/if}

{if $archive[special]}
<!-- 专题 -->
<div class="blank10"></div>
{lang(special)}： {$archive[special]}
{/if}


{if $archive[type]}
<!-- 分类 -->
<div class="blank10"></div>
{lang(type)}： {$archive[type]}
{/if}


{if $archive[area]}
<!-- 地区 -->
<div class="blank10"></div>
{lang(area)}： {$archive[area]}
{/if}

<div class="blank30"></div>
{if $pages>1}
<!-- 内页分页 -->
<div class="blank10"></div>
<div class="pages">
{archive_pagination($archive)}
</div>
<div class="blank30"></div>
{/if}

<!--自动调用自定义字段-->
<?php
$set_field=type::getpositionlink($data['typeid']);
$set_fields=array();
if(is_array($set_field))
foreach($set_field as $key => $value) {
    $set_fields[]=$value[id];
}
?>
{cb_data($archive)}
{loop $archive $key $value}
<?php if(setting::$var['archive'][$name]['typeid'] && !in_array(setting::$var['archive'][$name]['typeid'],$set_fields)){
  unset($field[$name]);
  continue;
}?>
<?php if(!preg_match('/^my/',$key) || !$value) continue; ?>
<p> {=setting::$var['archive'][$key]['cname']}: {$value}</p>
{/loop}
<div class="blank20"></div>

<?php if(archive_attachment($archive['aid'],'id')) { ?>
<!-- 附件 -->
<p>
{lang(attachment)}：{attachment_js($archive['aid'])}
</p>
<?php } ?>
<div class="blank30"></div>

<?php if(hasflash()) { ?>
        <div style="color:red;font-size:16px;"><?php echo showflash(); ?></div><?php } ?>

<!-- 投票 -->
        {vote_js($archive[aid])}

<!-- 自定义表单开始 -->
{if $archive['showform']}<div class="blank30"></div>
{template 'myform/nrform.html'}
{/if}
<!-- 自定义表单结束 -->

<script language="JavaScript">
function shutwin(){
window.close();
return;}
</script>


<div class="blank30"></div>
<div id="tool">
<ul>
<li style="width:60px; padding-left:5px;">{lang(strgrades)}：</li>
<li style="width:100px; padding-left:5px;">{$archive[strgrade]}</li>
{if get('lang_type')=='cn'}
<li><a href="javascript:void((function(s,d,e,r,l,p,t,z,c) {var%20f='http://v.t.sina.com.cn/share/share.php?appkey=4174743220',u=z||d.location,p=['&url=',e(u),'& title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'& content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a() {if(!window.open([f,p].join(''),'mb', ['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width- 440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');}; if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}) (screen,document,encodeURIComponent,'','','','{$archive[title]}','',''));" class="sinaicon">分享到微博</a></li>
{/if}
{if $archive[attr2]}
<li><a title="{lang(makeorders)}" target="_blank" href="{url('archive/orders/aid/'.$archive[aid],true)}" class="orders">{lang(makeorders)}</a></li>
{/if}
</ul>
</div>
<div class="blank30"></div>
<div id="page">
{if $archive['p']['aid']}
<strong>{lang(archivep)}：</strong><a href="{$archive['p']['url']}">{$archive['p']['title']}</a>
{else}
<strong>{lang(archivep)}：</strong>{lang(nopage)}	
{/if}
<div class="clear"></div>
{if $archive['n']['aid']}
 <strong>{lang(archiven)}：</strong><a href="{$archive['n']['url']}">{$archive['n']['title']}</a>
{else}
<strong>{lang(archiven)}：</strong>{lang(nopage)}	
{/if}
</div>
				</div>

	</div>
                </td>
              </tr>
            </table>
            
      </td>
    </tr>
  </table>
  <div style="clear:both; height:1px; font-size:1px;">&nbsp;</div>
</div>

{template 'footer.html'}